<template>
   <ActionBar>
     <AbsoluteLayout width="100%">
          <StackLayout width="100%">
              <Label class="title" text-align="center" :text="title" horizontalAlignment="center"/>
          </StackLayout>
      </AbsoluteLayout>
       <NavigationButton  android.systemIcon="ic_menu_back" @tap="onNavBtnTap"/>
  </ActionBar>
</template>
<script>
export default {
  props: ['title'],
  methods: {
    onNavBtnTap() {
      this.$navigateBack()
    }
  }
}
</script>

<style scoped>
 .title {
   margin-left: -70;
   font-size: 17;
   font-weight: medium;
 }
</style>
